$(function () {
    // let $box = $('.box')
    // $box.animate({ left: '+=1000' }, 3000, function () {

    // })

    // 动画队列:动画效果执行有先后顺序。
    // $('.box').css('opacity', 0.5)
    $('button').on('click', function () {
        // 分步动画前2s向右慢慢动500px，后2s高度慢慢变为300px
        $('.box').animate({ width: '+=150',left:'300'}, 6000)
            .animate({ height: '300' }, 2000)
        // $('.box').animate({ left: 400, height: 300, opacity: 1 }, 2000)
        //     .animate({ top: 200, width: '+=100' },2000).fadeOut(2000)

    })

    // let timer1 = setInterval(() => { $('.processor1').width((index, value) => value + 10) }, 17)


})